<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS方法</title>
</head>
<body>

<input type="button" value="按钮f1" onclick="f1()">
<input type="button" value="按钮f2" onclick="f2('test',1)">

<script>
    <!--无参数无返回值-->
    function f1(){
        console.log("f1-无参数无返回值");
    }
    //调用方法
    f1();
    <!--有参数无返回值-->
    function f2(a,b){
        console.log(a,b);
        console.log("f2-有参数无返回值");
    }
    f2('tom',22);
    <!--无参数有返回值-->
    function f3(){
        return 'f3-无参数有返回值'
    }
    console.log(f3())
    <!--有参数有返回值-->
    function f4(a,b){
        return a+b+'f4-有参数有返回值';
    }
    console.log(f4(1,2))


    //第二种方法声明function
    var f5 = function (a,b) {
        return a+b+'f5-有参数有返回值';
    }
    console.log(f5(1,2))

    //第三种方法声明function
    var f6 = (a,b) => {
        return a+b+'f6-有参数有返回值';
    }
    console.log(f6(1,2))

    //第四种方法声明function
    var f7 = new Function("name","age","console.log(name,age)")
    f7("jerry",123);
</script>
</body>
</html>